<template>
<!-- 团队建设明细 -->
  <div class="wise-salary-detail">
    <van-tabs v-model="active" color="#4D98FF" swipe-threshold="3" title-active-color="#4D98FF" @click="handleTab">
      <van-tab title="网格党建活动" name="1">
        <team-list active="1" />
      </van-tab>
      <van-tab title="网格员工关爱" name="2">
        <team-list active="2" />
      </van-tab>
      <van-tab title="网格成员赋能提效" name="3">
        <team-list active="3" />
      </van-tab>
      <van-tab title="网格民主管理" name="4">
        <team-list active="4" />
      </van-tab>
      <van-tab title="外包用工风险防范" name="5">
        <team-list active="5" />
      </van-tab>
    </van-tabs>
  </div>
</template>

<script>
import teamList from '@/views/components/publicline/team/list.vue'

export default {
  components: { teamList },
  data() {
    return {
      active: '1'
    }
  },
  mounted() {
  },
  methods: {
    handleTab(name) {
      this.active = name
    }
  }

}
</script>
